<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
<html>
<body>
	<div id="selectHead_main" xlvobject="xlv.obj.pane" xlvprop="{bkOpacity:false,glow:{enable:true},border:{enable:true}}" style="background:#EEEEEE;"
		xlvmethod="{
			initial:function(){
				this.addEventHandler('mousedown', 'selectHead');
				this.$self('initial');
			},
			selectHead:function(event){
				var item=this.targetElement(event.target,{id:'head_item'}); 
				if(item){
					this.$P.caller.value=item.getAttribute('value');
					this.$P.caller.commit=true;
					this.dispose();
				}
			}
		}"
	>
	<style type="text/css">
			#selectHead_main #head_item {
				white-space: nowrap;
				padding:0px 4px 0px 4px;
				cursor: default;
			}
			#selectHead_main #head_item:hover{
				color: white;
				background-color: #C4C4FF;
				cursor: default;
			} 
	</style>
	<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;background:#EEEEEE;">
		<tr><td id="head_item" value="H1"><H1 style="margin:0px;text-decoration:none;font-family:Arial">H1</H1></td></tr>
		<tr><td id="head_item" value="H2"><H2 style="margin:0px;text-decoration:none;font-family:Arial">H2</H2></td></tr>
		<tr><td id="head_item" value="H3"><H3 style="margin:0px;text-decoration:none;font-family:Arial">H3</H3></td></tr>
		<tr><td id="head_item" value="H4"><H4 style="margin:0px;text-decoration:none;font-family:Arial">H4</H4></td></tr>
		<tr><td id="head_item" value="H5"><H5 style="margin:0px;text-decoration:none;font-family:Arial">H5</H5></td></tr>
		<tr><td id="head_item" value="H6"><H6 style="margin:0px;text-decoration:none;font-family:Arial">H6</H6></td></tr>
	</table>	
	</div>
</body>
</html>
